﻿@model AGPR.Locadora.Model.Locacao
@Html.RequireStylesheet("~/static/css/libs/colorbox.css")
@Html.RequireStylesheet("~/static/css/libs/autoComplete.css")
@Html.RequireScript("~/static/js/libs/colorbox.js")
@Html.RequireScript("~/static/js/libs/autoComplete.js")
@Html.RequireScript("~/static/js/locacoes.js")
@{
    var Item = @ViewBag.Locacao;
}
<div class="conteudo">        
    <h1 class="titulo">@ViewBag.Title</h1>

    <div class="jrTabs">
        <ul>
            <li data-content="principal" class="ativo">Cadastro</li>
        </ul>
        <div data-content="principal" class="ativo">
            <form method="post" id="jrForm">
                <div>
                	<h3 class="titulo"></h3>

                    <button type="submit" class="botao orange fr fat">Alterar Locação</button>

                    <div class="label_grupo">
                        <label>
                            <span>Cliente:</span>
                            <input disabled name="cliente" type="text" class="grande" value="@Item.cliente.nome" />
                            @Html.ActionLink("Visualizar", "visualizar", "clientes", new { id = Item.cliente.id }, new { @class = "icone visualizar" })                    
                        </label>
                        <label>
                            <span>Data de Devolução:</span>
                            <input name="data_devolucao" class="dataNasc data" type="text" maxlength="10" autocomplete="off" value="@ViewBag.DataPrevista" />
                        </label>
                    </div>

                    <div class="label_grupo">
                        <label>
                            <span>Incluir Produto:</span>
                            <input id="produto" type="text" class="gigante" />
                        </label>
                    </div>

                    <label>
                        <span class="required">Status:</span>
                        <select name="id_status" class="required">
                            @Html.Raw(AGPR.Locadora.Model.StatusLocacao.Html(Item.id_status))
                        </select>
                    </label>

                    <div id="divProdutos" class="dn">
                        <h3 class="titulo">Produtos Incluidos</h3>
                        <table class="static mini divProdutos small">
                            <thead>
                                <tr>
                                    <th>Produto</th>
                                    <th>Qtd.</th>
                                    <th>Valor Unitário</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody id="elemProdutos">
                                <tr id="templateProduto" class="dni">
                                    <td>%html</td>
                                    <td align="center">
                                        <label>
                                            <input name="list_qtd" type="number" min="1" max="99" value="%qtd" class="qtd mini numero center" data-id="%id" />
                                        </label>
                                    </td>
                                    <td align="center">
                                        <label>
                                            <input name="list_valor" type="text" value="%valorLocacao" class="medio dinheiro center" data-id="%id" />
                                        </label>
                                    </td>
                                    <td align="center">
                                        <input name="list_id" type="hidden" value="%id" />
                                        <a href="javascript: void(0);" class="icone x" data-id="%id" title="Remover"></a>
                                    </td>
                                </tr>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td align="right" colspan="2"><b>Valor Total:</b></td>
                                    <td align="center"><h3 id="valorTotal" class="valorTotal">0</h3></td>
                                    <td></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>